// pages/index/index.js
import request from '../../utils/request'
Page({

    /**
     * 页面的初始数据
     */
    data: {
      banners: [],//轮播图数据
      recommmendList: [],//推荐歌曲
      topList: []//排行榜
    },

    /**
     * 生命周期函数--监听页面加载
     */
    onLoad: async function (options) {
       //发请求获取数据
       this.getInitData()
    },
    // 封装获取初始化数据函数
    async getInitData(){
      let result = await request('/banner',{type: 2})
    //   修改banners数据
      this.setData({
        banners: result.banners
      })
      // 获取推荐歌曲数据
      result = await request('/personalized')
      // console.log(result);
      // 修改recommendList数据
      this.setData({
        recommmendList : result.result
      })
      //获取排行榜数据  idx: 0-20   需求0-4  发请求次数 5次
      let index = 0;
      let resultArr = [];
      while(index < 5){
        result = await request('/top/list',{idx: index++})
        resultArr.push({name: result.playlist.name,tracks:result.playlist.tracks})
        // 实时更新优点：用户等待时间较短 。2，缺点多次更新页面 5次
        this.setData({
        topList: resultArr
        })
      }
      //更新topList状态数据
      // 统一更新的优点：1.减少更新的次数  2.缺点：网络较差时用户等待时间过长 可能会看到白屏
      // this.setData({
      //   topList: resultArr
      // })
      
    },

    /**
     * 生命周期函数--监听页面初次渲染完成
     */
    onReady: function () {

    },

    /**
     * 生命周期函数--监听页面显示
     */
    onShow: function () {

    },

    /**
     * 生命周期函数--监听页面隐藏
     */
    onHide: function () {

    },

    /**
     * 生命周期函数--监听页面卸载
     */
    onUnload: function () {

    },

    /**
     * 页面相关事件处理函数--监听用户下拉动作
     */
    onPullDownRefresh: function () {

    },

    /**
     * 页面上拉触底事件的处理函数
     */
    onReachBottom: function () {

    },

    /**
     * 用户点击右上角分享
     */
    onShareAppMessage: function () {

    }
})